<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>  

        // cookie
        //   1 cookie 没有好用的api , 需要自己封装函数
        //   2 cookie 大多数浏览器只能存  50条左右   上限 4kb 左右
        //   3 本地存储 --- 容易被用户清除或者禁用
        //   4 会随着服务器请求 ， 减慢服务器的响应速度


        // h5 新增了 webStorage  
        //    有相应的方法  --- 不需要自己去封装
        //    不会随着服务器请求去发送

        //    依然是本地存储   5Mb

        //     localStorage
        //     sessionStorage

        // 

    </script>
    
</body>
</html>